import dayjs, { Dayjs } from "dayjs";
import CalendarPro from "./CalendarPro";

export default function index() {
    const onChange = (value:Dayjs) => {
        console.log("date" , value);
    }
	return (
		<div>
			<CalendarPro
                locale="en-US"
				value={dayjs(Date.now())}
                onChange={(value) =>onChange(value)}
				// dateRender={(value) => customDate(value)}
                // dateInnerContent={(value) => customInnerContent(value)}
                
			/>
		</div>
	);
}

// @ts-ignore
const customDate = (value:Dayjs) => (
    <div>
        <div>
            {value.format("YYYY-MM-DD")}
        </div>
    </div>
)
// @ts-ignore
const customInnerContent = (value:Dayjs) => (
    <div>
        <div>
            {value.format("YYYY/MM/DD")}
        </div>
    </div>
)